<template>
<!-- 评价组件 -->
    <div class="evaluate">
        <van-icon name="https://b.yzcdn.cn/vant/icon-demo-1126.png" />
        <section>
            <p class="ev-top">{{evObj.user.nick?evObj.user.nick:'匿名用户'}}<span>{{evObj.goods.goodReputationStr}}</span></p>
            <b>{{evObj.goods.goodReputationRemark}}</b>
             <div class="ev-foot">
                 <span>{{evObj.goods.dateAdd}}</span>
                 <span>选择规格: {{evObj.goods.property}}</span>
             </div>
        </section>
    </div>
</template>
<script>
export default {
    props:{
      evObj: Object
    }
}
</script>
<style lang="scss" scoped>
    .evaluate{
        display: flex;
        padding: 20px;
        :deep(.van-icon){
            font-size: 100px;
        }
        section{
            font-size: 24px;
            margin-left: 30px;
            .ev-top{
              line-height: 60px;
              span{
                padding: 6px 12px;
                color: #fff;
                text-align: center;
                background: red;
                border-radius: 6px;
                margin-left: 30px;
              }
            }
            b{
                line-height: 80px;
                font-size: 28px;
            }
            .ev-foot{
              display: flex;
              margin-top: 20px;
              justify-content: space-between;
              color: #999;
              span{
                  width: 50%;
                  line-height: 30px;
              }
            }
        }
    }
</style>